
.user-details{
  background: #ffffff;
  min-height: 100vh;
  .header-bg{
    background-image: url("../../../libs/img/user/details-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 2.22rem;
  }
  .details{
    margin: -1.7rem 0.3rem 0;
    //height: 2.6rem;
    background: #ffffff;
    border-radius: 0.25rem;
    padding: 0.25rem 0.2rem 0.35rem;
    box-shadow: #f6f6f6 0.02rem 0.08rem 0.1rem 0.01rem;
    .item-left{

      .avatar{
        width: 0.8rem;
        height: 0.8rem;
      }
      .vip{
        margin-top: 0.10rem;
        width: 0.55rem;
        height: 0.3rem;
        color: #ffffff;
        line-height: 0.3rem;
        background: #fca018;
        text-align: center;
        font-size: 0.18rem;
      }
      .name{
        margin-top: 0.1rem;
        color: #333333;
        // font-size: 0.4rem;
        font-weight: bold;
      }
    }
    .item-right{
      width: 1.2rem !important;;
      height: 0.6rem !important;
      line-height: 0.6rem !important;
      letter-spacing: 0.01rem;
      font-size: 0.2rem !important;
      border-radius: 0.5rem;
      margin-top: 0.1rem !important;
    }
  }
  .tabs-wrapper{
    .no-data{
      width:2.96rem;
      height:2.86rem;
      display:block;
      margin: 0.8rem auto 0.5rem;
    }
    .visit-record{
      padding-bottom: 1rem;
      .record-img{
        width: 0.6rem;
        height: 0.6rem;
      }
      .detailBtn{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 12px;
      }
    }

    .consult-type{
      border-radius: 0.54rem;
      background: #E6E6E6;
      border: 1px solid #ffffff;
      font-size: 0.28rem;
      white-space: nowrap;
      text-align: center;
      padding: 0.16rem 0.32rem;
      line-height: 0.35rem;
      border: 1px solid #CCCCCC ;
      color: #666666;

    }
    .select-type-active{
      //background: #3399ff !important;
      background: #B4D8FC !important;
      color: #3399FF !important;
      border: 1px solid #3399FF !important;

    }
    .billinfo{
      .money-wrapper{
        padding: 0.28rem 0.24rem;
        border-radius: 0.15rem;
        box-shadow: #ccc 0.01rem 0.01rem 0.1rem 0.01rem;
      }
    }
  }
  .step-wrapper{
    padding-left: 0.3rem;
    width: 6.1rem;
    height: 1.4rem;
    border-radius: 0.15rem;
    box-shadow: #e5e5e5 0.01rem 0.01rem 0.1rem 0.01rem;//边框阴影
  }
  .am-steps-item-content{
    margin-bottom: 0.3rem;
  }
  .bind-customer-bt{
    background: #3399ff !important;
    width: 6.86rem;
    height: 0.88rem;
    line-height: 0.75rem;
    color: #ffffff;
    font-size: 0.36rem;
    margin: 0.5rem auto;
  }
  .am-tabs-default-bar-top .am-tabs-default-bar-tab{
    border-bottom: none;
    color: #666666;
    font-size: 0.28rem;
  }
  .am-accordion{
    border-top:none;
  }
  .am-accordion-item{
    margin-bottom: 0.5rem;
    border-radius: 0.15rem;
    box-shadow: #e5e5e5 0.01rem 0.01rem 0.1rem 0.01rem;//边框阴影
  }
  .am-accordion .am-accordion-item .am-accordion-header{
    border-bottom: 1px solid #e8e8e8 ;
    font-size: 0.32rem;
    color: #333333;
    width: 6.4rem;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    i{
      right: 3px;
    }
  }
  .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box{
    border-bottom: none ;
  }
  .am-list-body{
    border-top: none;
    border-bottom: none;
  }

}
.am-accordion .am-accordion-item .am-accordion-content{
  padding: 0 0.3rem;
}
.am-tabs-default-bar-tab-active{
  color:#108ee9 !important;
  font-weight: bold;
  font-size: 0.32rem !important;
}
body{
  background: #ffffff ;
}
html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after{
  width: 0;
}
.tabbar-class{
  background: red;
  width: 1rem;
}
